import React from "react";
import { Popup } from "antd-mobile";
// import "./style.scss";

const RefundProtocol = ({ visible, onClose }: any) => {
  return (
    <Popup
      visible={visible}
      destroyOnClose={true}
      onMaskClick={() => {
        onClose();
      }}
    >
      <div
        className="protocol_container"
        style={{ height: "55vh", overflowY: "scroll", padding: "20px" }}
      >
        <h2 className="title">
          <span>STARSHIPS</span>官方粉丝俱乐部年费会员退款政策
        </h2>

        <div>一、退款资格</div>
        <ul>
          <li>年费会员在购买服务后，若满足以下条件，可申请退款：</li>
          <ul className='two'>
            <li>会员服务未能如期提供；</li>
            <li>会员服务存在质量问题或未能达到承诺的服务标准。</li>
          </ul>
          <li>申请退款需要在线下办理，并提供以下资料：</li>
          <ul className='two'>
            <li>注册账号；</li>
            <li>入会付款账单截图；</li>
            <li>会员的联系方式；</li>
            <li>退款原因说明。</li>
          </ul>
        </ul>
        <div>二、退款流程</div>
        <ul>
          <li>会员需在服务开始后的14天内提出退款申请。</li>
          <li>会员需要在线下提交退款请求。</li>
          <li>
            我们将在收到退款申请后的3-5个工作日内进行审核，并回复审核结果。
          </li>
          <li>
            若退款申请被批准，退款金额将按照原支付方式退回，具体到账时间可能因支付方式不同而有所差异。
          </li>
        </ul>
        <div>三、退款限制</div>
        <ul>
          <li>
            若会员已开始使用会员服务，包括但不限于积分兑换、入会特典使用等，将影响退款资格。
          </li>
          <li>
            对于已使用的服务部分，我们将根据服务使用情况从退款中扣除相应费用。
          </li>
        </ul>
        <div>四、退款方式</div>
        <ul>
          <li>退款将原路返回至会员的支付账户。</li>
          <li>若原支付方式无法退回，我们将与会员协商其他退款方式。</li>
        </ul>
        <div>五、其他事项</div>
        <ul>
          <li>我们保留修改此退款政策的权利，并将在官方网站上公布任何更改。</li>
          <li>此退款政策的最终解释权归我们所有。</li>
        </ul>
        <div>六、法律适用</div>
        <ul>
          <li>本退款政策的解释、适用及争议解决均适用中华人民共和国法律。</li>
          <li>
            如遇任何争议，双方应首先通过友好协商解决；协商不成时，可向我们所在地的人民法院提起诉讼。
          </li>
        </ul>
      </div>
    </Popup>
  );
};
export default RefundProtocol;
